//优惠券
#mall{
    .tab-nav{
        border-top:1px solid transparent !important;
    }
}
#coupon{
    padding: 15px;
    ul{
        li{
            position: relative;
            width:100%;
            height:118px; 
            box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2) ;
            border-radius: 5px ;
            margin-bottom: 8px; 
            img{
                width:100%;
                height: 88px;
                border-radius: 5px 5px 0 0; 
            }
            .info{
                width: 100%;
                padding: 11px 0 9px 74px;
                position: absolute;
                top: 0;
                left: 0;
                img{
                    width:43px;
                    height: 43px;
                    border-radius: 50%;
                    position: absolute;
                    top:24px;
                    left: 15px;
                }
                p{  
                    margin-top:7px;
                    margin-bottom: 0; 
                    font-size:12px;
                    font-family:PingFangSC-Regular;
                    color:rgba(158,158,158,1);
                    overflow: hidden;
                    text-overflow:ellipsis;
                    white-space: nowrap;
                }
                h4{
                    font-size:24px;
                    font-family:PingF angSC-Regular;
                    color:rgba(192,170,108,1);
                    overflow: hidden;
                    text-overflow:ellipsis;
                    white-space: nowrap;
                    margin-top:6px; 
                }
            }
            .bottom{
                margin-bottom: 0;
                padding: 0 10px;
                .time{
                    font-size:12px;
                    font-family:PingFangSC-Regular;
                    color:rgba(117,117,117,1);
                }
                .pay{
                    font-size:19px;
                    font-family:Helvetica;
                    color:rgba(255,90,90,1);
                    small{
                         font-size:12px; 
                         color:#333;
                    }
                }
            }
        }
    }

}
//礼品
#gift{
    ul{
        li{
            border-bottom:1px solid #e0e0e0;
            position: relative;
            padding: 11px 15px 11px 114px;
            margin-bottom: 0;
            &:last-child{
                 border-bottom:1px solid transparent;
            }
            img{
                width:82px;
                height: 82px;
                padding: 10px;
                border: 1px solid #e0e0e0;
                position: absolute;
                top: 11px;
                left: 15px;
            }
            .info{
                width:100%;
                font-size:14px;
                font-family:PingFangSC-Regular;
                color:rgba(33,33,33,1);

                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .pay{
                width:100%;
                font-size:19px;
                font-family:Helvetica;
                color:rgba(255,90,90,1);
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top:6px; 
                small{
                    color:#333;
                    font-size: 12px;
                }
            }
            .market_pay{
                width:100%;
                font-size:12px;
                font-family:PingFangSC-Regular;
                color:rgba(158,158,158,1);
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-bottom: 0;

            }
        }
    }

}
//商品详情
#goods{
    .img_box{
        padding: 10px 15px;
        img{
            width:100%;
        }
    }
    .info{
        font-size:14px;
        font-family:PingFangSC-Regular;
        color:rgba(33,33,33,1);
        // line-height:17px;
    }
    .pay{
        // width:140px;
        // height:24px; 
        font-size:20px;
        font-family:Helvetica;
        color:rgba(255,90,90,1);
        // line-height:28px;
        small{
           font-size:13px; 
           color:#8F8F8F;
        }
        span{
           font-size:13px; 
           color:#8F8F8F; 
        }
    }
    .market_pay{
        font-size:12px;
        font-family:PingFangSC-Regular;
        color:rgba(158,158,158,1);
        // line-height:17px;
    }
    .describe{
        .name{
            display:inline-block;
            font-size:14px;
            font-family:PingFangSC-Medium;
            color:rgba(158,158,158,1);
            line-height:20px;
        } 
        .des_content{
            margin:4px 0 0 0;
            font-size:14px;
            font-family:PingFangSC-Regular;
            color:rgba(33,33,33,1);
            line-height:20px;
        }
        font-size:14px;
        font-family:PingFangSC-Regular;
        color:rgba(33,33,33,1);
        // line-height:20px;
    }
    .buy{
        margin-top:20px;
        button{
            width:100%;
            height:47px; 
            background:rgba(166,138,75,1);
            border-radius: 5px ; 
            border: none;
            font-size:18px;
            font-family:PingFangSC-Medium;
            color:rgba(255,255,255,1);
        }
    }
}
//商品详情
//优惠券详情
#coppon_detail{
    .coppon{
        width:100%;
        height: 90px;
        position: relative;
        .bg{
            width: 100%;
            height:90px;
            border-radius: 5px;
            background: transparent !important;
        }
        .logo{
            position: absolute;
            top:24px;
            left:15px;
            width:42px;
            height:42px;
            border-radius: 50%;
        }
        .info{
            position: absolute;
            top:0;
            left:0;
            padding: 15px 15px 15px 72px;
            width: 100%;
            height:100%;
            border-radius: 5px;
            p{
                font-size:14px;
                font-family:PingFangSC-Regular;
                color:rgba(158,158,158,1);
                line-height:26px;
                margin: 0;
            }
            h4{
                font-size:24px;
                font-family:PingFangSC-Regular;
                color:rgba(192,170,108,1);
                line-height:33px;
                margin: 0;
            }
        }
    }

    .info_box{
        padding:15px 15px 15px 15px;
        background: #fff;
        .title{
            font-size:16px;
            font-family:PingFangSC-Medium;
            color:rgba(33,33,33,1);
            line-height:22px;
            margin-bottom: 8px;
        }
        .pay{
            margin-bottom: 8px;
            font-size:20px;
            font-family:Helvetica;
            color:rgba(255,90,90,1);
            small{
                font-size: 10px;
                color:#ccc;
            }
        }
        .lists{
            position: relative;
            // padding-left: 70px;
            margin-bottom: 0px;
            min-height:24px;
            font-size:14px;
            font-family:PingFangSC-Regular;
            color:rgba(33,33,33,1);
            // line-height:20px
            span{
                // position:absolute;
                display: inline-block;
                // top:0;
                // left: 0;
                width:80px;
                height: 20px;
                text-align: right;
            }
        }
    }
   

    .btn{
        padding:15px;
        button{
            width:100%;
            height:46px; 
            background:#A68A4B;
            border-radius: 5px ; 
            font-size:18px;
            font-family:PingFangSC-Regular;
            color:rgba(255,255,255,1);
            border: none;
        }
    }
}
//common
.able{
    margin:15px 0 5px 0;
    font-size:14px;
    font-family:PingFangSC-Medium;
    color:rgba(158,158,158,1);
    // line-height:20px;
}
.grade{
    font-size:14px;
    font-family:PingFangSC-Regular;
    color:rgba(33,33,33,1);
    // line-height:20px;
}
// common
//确认订单
#confirm_order{
    .list{
        margin-bottom: 0;
    }
    p{
        margin: 0;
    }
    .order_title{
        height:41px;
        width:100%;
        font-size:14px;
        font-family:PingFangSC-Regular;
        color:rgba(97,97,97,1);
        line-height:41px;
        padding: 0 15px;
    }
    .count{
        background: #fff;
        height:65px;
        width: 100%;
        padding: 15px;
        input{
            display: inline-block;
            width: 50px;
            background: #fff;
            height: 35px;
            margin: 0 5px;
            text-align: center;
        }
        span{
            display: inline-block;
            height:35px; 
            text-align: center;
            line-height: 35px;
            font-size: 17px;
        }
        .reduce{
            width:60px;
            border-radius: 2px ; 
            border:1px solid #A68A4B;
            color:#A68A4B;
        }
        .add{
            width:60px;
            background:rgba(166,138,75,1);
            border-radius: 2px ; 
            color: #fff;
        }
    }
    //支付列表
    .list{
        .item-thumbnail-left{
           padding-top:15px;
           h4{
               margin: 0;
           }
        }
        .activated{
            background: #fff;
        }
        .item-content{
            padding-left:50px;
        }
        .logo{
            width:21px;
            height:21px;
            position: absolute;
            top:17px;
            left:16px;
            z-index: 1000;
        }
        .radio-icon{
            color:#A68A4B;
            font-size: 18px;
        }
        .item-radio input:checked+.radio-content .item-content{
            background: #fff;
        }
    }
    .explain{
        padding: 15px 15px 80px 15px;
        background: #fff;
        margin-top:10px;

        font-size:14px;
        font-family:PingFangSC-Regular;
        color:rgba(97,97,97,1);
        line-height:22px;
    }
    .col-34{
        background: #f00;
        color: #fff;
        line-height: 64px;
        text-align: center;
        font-size:18px;
        font-family:PingFangSC-Medium;
    }
    .col-66{
        padding: 10px 0 10px 15px;
    }
    p{
        font-size:14px;
        font-family:PingFangSC-Regular;
        color:rgba(33,33,33,1);
        line-height:20px;
    }
    h4{
        font-size:20px;
        font-family:Helvetica;
        color:rgba(255,90,90,1);
        line-height:28px;
        margin-top:1px;
        small{
            color:#212121;
            font-size: 14px;
        }
    }
}
//确认订单

//支付结果
#pay_res{
    #succ,#err{
        padding: 20px;
        img{
            width:60px;
            height:60px ;
            display: block;
            margin: 20px auto;
        }
    }
    #succ_p{
        font-size: 22px;
        color: #212121;
        text-align: center;
    }
    #err_p{
        font-size: 22px;
        color: #f00;
        text-align: center;
    }
    #line{
        position: relative;
        p{
            height: 20px;
            border-top: 2px solid #e0e0e0;
        }
        img{
            position: absolute;
            top:-10px;
            left: calc((100% - 60px)/2);
            width:60px;
            height: 20px;
            padding: 0 20px;
            background: #fff;
        }
    }
    .btn{
        padding: 15px;
    }

    .back{
        text-align: center;
        color: #A68A4B;
        font-size:18px;
        margin: 20px 0;
    }

}

//支付结果
   